<%--
  Created by IntelliJ IDEA.
  User: 61741
  Date: 2017/12/5
  Time: 22:42
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>物流门户</title>
    <meta charset="utf-8">
    <jsp:include page="../common/portal-head.jsp"></jsp:include>
    <link rel="stylesheet" type="text/css" href="${ctx}/resources/portal/css/logistics_shop.css">
    <link rel="stylesheet" type="text/css" href="${ctx}/resources/portal/css/font-awesome.min.css">
    <link rel="stylesheet" type="text/css" href="${ctx}/resources/portal/css/shopslider.css">
</head>
<body>
<div class="page-container">
    <jsp:include page="../portal/topmenu.jsp"></jsp:include>
    <jsp:include page="../portal/slider.jsp"></jsp:include>
    <div class="content-wrap">
        <div class="shop-info-wrap">
            <div class="shop-dsc-outline">
                <img class="shop-logo" src="${ctx}/resources/portal/img/banner/log_shop_02.jpg">
                <div class="shop-dsc">
                    <h3>顺丰控股（集团）股份有线公司</h3>
                    <p>成立于1993年3月26日在广东顺德成立。顺风速运是目前中国速递行业中投递速度最快的快递公司之一</p>

                    <span><img src="${ctx}/resources/portal/img/shop_add.png">地址：广东省深圳市</span>
                    <span><img src="${ctx}/resources/portal/img/shop_phone.png">电话：95338</span>
                </div>
            </div>
            <div class="shop-slider">
                <div id=js class="slider-js">

                    <div class="slider-box">
                        <img onClick="location.href='http://www.jq22.com/'"  src="${ctx}/resources/portal/img/banner/log_shop_03.jpg">

                        <img onClick="location.href='http://www.jq22.com/'"  style="DISPLAY: none" src="${ctx}/resources/portal/img/02.jpg">

                        <img onClick="location.href='http://www.jq22.com/'" style="DISPLAY: none"  src="${ctx}/resources/portal/img/03.jpg">

                        <img onClick="location.href='http://www.jq22.com/'" style="DISPLAY: none"  src="${ctx}/resources/portal/img/04.jpg">

                        <img onClick="location.href='http://www.jq22.com/'" style="DISPLAY: none" src="${ctx}/resources/portal/img/05.jpg">

                    </div>

                    <div class="slider-bg"></div>

                    <div id=jsNav class=jsNav>

                        <a class="trigger imgSelected" href="javascript:void(0)">1</a>

                        <a class="trigger" href="javascript:void(0)">2</a>

                        <a class="trigger" href="javascript:void(0)">3</a>

                        <a class="trigger" href="javascript:void(0)">4</a>

                        <a class="trigger" href="javascript:void(0)">5</a>

                    </div>

                </div>

            </div>
            <div class="shop-info-list">
                <div class="shop-info-outline">
                    <div class="list-top">
                        <span><img src="${ctx}/resources/portal/img/shop_info.png">最新资讯</span>
                        <hr>
                    </div>
                    <img class="shop-info-pic" src="${ctx}/resources/portal/img/banner/log_shop_04.jpg">
                    <ul>
                        <li><a href="#">2017顺丰冷运华北医药峰会....</a></li>
                        <li><a href="#">顺丰国际重货扩大服务范围</a></li>
                        <li><a href="#">2017顺丰冷运华北医药峰会....</a></li>
                        <li><a href="#">顺丰国际重货扩大服务范围</a></li>
                    </ul>
                </div>
            </div>
        </div>
        <div class="price-list">
            <h1>物流报价单</h1>
            <table>
                <tr class="title-tr">
                    <th>地区</th>
                    <th>首重</th>
                    <th>续重</th>
                </tr>
                <tr>
                    <td class="first-th">广东省内</td>
                    <td class="second-th">12元/KG</td>
                    <td class="third-th">2元/KG</td>
                </tr>
                <tr>
                    <td class="first-th">江苏、浙江、上海、北京、福建</td>
                    <td class="second-th">22元/KG</td>
                    <td class="third-th">13元/KG</td>
                </tr>
                <tr>
                    <td class="first-th">天津、重庆、安徽、广西、贵州、海南、河北、河南、湖北、湖南、江西、山东</td>
                    <td class="second-th">22元/KG</td>
                    <td class="third-th">14元/KG</td>
                </tr>
                <tr>
                    <td class="first-th">甘肃、黑龙江、吉林、辽宁、内蒙古、宁夏、青岛、西藏、新疆</td>
                    <td class="second-th">22元/KG</td>
                    <td class="third-th">18元/KG</td>
                </tr>
                <tr>
                    <td class="first-th">香港、澳门、台湾</td>
                    <td class="second-th">30元/KG</td>
                    <td class="third-th">20元/KG</td>
                </tr>
            </table>
        </div>
    </div>
</div>
<script src="http://www.jq22.com/jquery/jquery-1.10.2.js"></script>
<script src="${ctx}/resources/portal/script/page.js"  type="text/javascript"></script>
<script type="text/javascript">
    $(function(){
        // 修正轮播图插件图片宽度自适应问题
        $(".slider-img").attr("style","width:"+$(".slider-img-ul li").length * 100 +"% !important;");
        $("ul.slider-img-ul li,ul.slider-img-ul>li>img").attr("style","width:"+$(".slider-wrap").width() + "px !important;height:auto;");
    })
    function changecheck(obj){
        var aa = document.getElementsByName("seller");
        for (var i = 0; i < aa.length; i++) {
            aa[i].checked = false;
        }
        obj.checked = true;
    }
    //分页
    $("#page").paging({
        pageNo:5,
        totalPage: 9,
        totalSize: 300,
        callback: function(num) {
            alert(num)
        }
    })
    /*收藏*/
    function collect(collectid){
        var celflag=document.getElementById(collectid).alt;
        alert(celflag);

        if(celflag==0){

            document.getElementById(collectid).src="${ctx}/resources/portal/img/after_collect.png";
            document.getElementById(collectid).alt="1";
        }
        else{
            document.getElementById(collectid).src="${ctx}/resources/portal/img/before_collect.png";
            document.getElementById(collectid).alt="0";
        }

    }
    /*商品目录导航*/
    $(document).ready(function() {
        $('.inactive').click(function(){
            if($(this).siblings('ul').css('display')=='none'){
                $(this).parent('li').siblings('li').removeClass('inactives');
                $(this).addClass('inactives');
                $(this).siblings('ul').slideDown(100).children('li');
                if($(this).parents('li').siblings('li').children('ul').css('display')=='block'){
                    $(this).parents('li').siblings('li').children('ul').parent('li').children('a').removeClass('inactives');
                    $(this).parents('li').siblings('li').children('ul').slideUp(100);

                }
            }else{
                //控制自身变成+号
                $(this).removeClass('inactives');
                //控制自身菜单下子菜单隐藏
                $(this).siblings('ul').slideUp(100);
                //控制自身子菜单变成+号
                $(this).siblings('ul').children('li').children('ul').parent('li').children('a').addClass('inactives');
                //控制自身菜单下子菜单隐藏
                $(this).siblings('ul').children('li').children('ul').slideUp(100);

                //控制同级菜单只保持一个是展开的（-号显示）
                $(this).siblings('ul').children('li').children('a').removeClass('inactives');
            }
        })
    });
</script>
<script src="${ctx}/resources/portal/script/xSlider.js"  type="text/javascript"></script>
<script src="${ctx}/resources/portal/script/shopslider.js"  type="text/javascript"></script>
</body>
</html>
